<template>
    <AppHeader></AppHeader>
    <AppMain></AppMain>
    <AppSideBar></AppSideBar>
    <AppFooter></AppFooter>
</template>

<script>
import AppHeader from './components/AppHeader.vue';
import AppMain from './components/AppMain.vue';
import AppSideBar from './components/AppSideBar.vue';
import AppFooter from './components/AppFooter.vue';

// 对于app.vue来说，他的子组件就是这几个，至于里面含多少子组件就和它没关系了
export default {
    components: {
        AppHeader,
        AppMain,
        AppSideBar,
        AppFooter
    },
}
</script>

<style scoped></style>